Rate How To's
How to's for the Rate guide.
How to Use Rate?
How to Use Rate?
The Rate component can be easily added to forms where evaluation, star rating, or score collection is required.
1. How to Add the Rate Component to a Form?
- Open the form design screen.
- Go to the
Toolboxpanel. - Locate the
Ratecomponent. - Drag and drop it onto the form.
- Click the component and configure its basic settings under the
Generaltab.
2. Key Properties
When the Rate component is selected, the following properties can be configured:
| Property | Description |
|---|---|
Count | The maximum number of points/stars the user can select. |
Allow Half | Determines whether half-star ratings are allowed. |
Allow Clear | When enabled, clicking the selected star again will clear the rating. When disabled, at least one star must remain selected (or half a star if Allow Half is enabled). |
Tooltip | Descriptions shown when the user hovers over each rating point. |
3. Accessing the User’s Rating Value
The value selected in a Rate component can be accessed just like any other form control:
- In server-side operations
- In business rules
- In JavaScript / TypeScript events
This makes it easy to use the rating value in workflows, calculations, or record processing.
What Is Rate?
What Is Rate?
Rate is a form component used to allow users to provide evaluations—typically star-based or point-based ratings.
It is commonly used for user feedback, satisfaction scoring, or quality assessment.
With this component, users can:
- Select from multiple stars
- Leave a rating within a specified score range
- Use a visually intuitive rating interface
Where Is It Used?
The Rate component is typically used in:
- Customer satisfaction surveys
- Product/service evaluation screens
- User feedback forms
- Performance, quality, or status assessment forms
Location in the Development Interface
- When the form design screen is active, it appears in the
Toolboxsection. - It is added to the form via drag-and-drop.
- When selected, the Property Viewer displays the following tabs:
GeneralLabelBehaviorAppearanceEvents